<%--
  Created by IntelliJ IDEA.
  User: 雄帅
  Date: 2018/9/5
  Time: 9:19
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="d" uri="http://dgg.net/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>证书总览</title>
    <%@ include file="../../../header.jsp" %>
</head>
<body>
<div class="body-main">
    <d:hasUrlAuth authCode="ZZSC_ZS_SYB">
        <ul class="search-business">
            <li>
                事业部：
                <select class="select-style" name="signOrgId" id="signOrgId">
                </select>
            </li>
            <li>
                <button type="button" class="layui-btn layui-btn-mini layui-btn-normal" onclick="refreshSata()">搜索
                </button>
            </li>
        </ul>
    </d:hasUrlAuth>

    <!--证书列表 start-->
    <ul class="certificate-list">
        <li onclick="goToGeneralCredentail(0,'1')">
            <a href="javascript:void(0);">
                <div class="certificate-txt">
                    <big name="enteringCount">0</big>
                    <p>录入证书量（本）</p>
                </div>
                <i class="certificate-icon"></i>
            </a>
        </li>
        <li onclick="goToGeneralCredentail(1)">
            <a href="javascript:void(0);">
                <div class="certificate-txt">
                    <big name="count">0</big>
                    <p>证书总量（本）</p>
                </div>
                <i class="certificate-icon icon2"></i>
            </a>
        </li>
        <li onclick="goToGeneralCredentail(2,'${reservation}')">
            <a href="javascript:void(0);">
                <div class="certificate-txt">
                    <big name="reservationCount">0</big>
                    <p>证书预定量（本）</p>
                </div>
                <i class="certificate-icon icon3"></i>
            </a>
        </li>
        <li onclick="goToGeneralCredentail(3,'${subordinate}')">
            <a href="javascript:void(0);">
                <div class="certificate-txt">
                    <big name="affiliatedCount">0</big>
                    <p>已使用证书量（本）</p>
                </div>
                <i class="certificate-icon icon4"></i>
            </a>
        </li>
        <li onclick="goToGeneralCredentail(4,'${subordinate}','${subordinateOverDue}')">
            <a href="javascript:void(0);">
                <div class="certificate-txt">
                    <big name="overdueAffiliatedCount">0</big>
                    <p>使用超期总量（本）</p>
                </div>
                <i class="certificate-icon icon5"></i>
            </a>
        </li>
        <li onclick="goToGeneralCredentail(5,'${noUse}','${libraryStatus}')">
            <a href="javascript:void(0);">
                <div class="certificate-txt">
                    <big name="noUseCount">0</big>
                    <p>未使用证书总量（本）</p>
                </div>
                <i class="certificate-icon icon6"></i>
            </a>
        </li>
        <li onclick="goToGeneralCredentail(6,'${talentOverDue}')">
            <a href="javascript:void(0);">
                <div class="certificate-txt">
                    <big name="talentContractCount">0</big>
                    <p>人才合同到期量（本）</p>
                </div>
                <i class="certificate-icon icon7"></i>
            </a>
        </li>
        <li onclick="goToGeneralCredentail(7,'${companyOverDue}')">
            <a href="javascript:void(0);">
                <div class="certificate-txt">
                    <big name="companyContractCount">0</big>
                    <p>企业合同到期量（本）</p>
                </div>
                <i class="certificate-icon icon8"></i>
            </a>
        </li>
        <li onclick="goToGeneralCredentail(8,'${credentialOverDue}')">
            <a href="javascript:void(0);">
                <div class="certificate-txt">
                    <big name="certificateOverDueCount">0</big>
                    <p>证书过期总量（本）</p>
                </div>
                <i class="certificate-icon icon9"></i>
            </a>
        </li>
        <li onclick="goToGeneralCredentail(9,'${nationwide}')">
            <a href="javascript:void(0);">
                <div class="certificate-txt">
                    <big name="nationwideCount">0</big>
                    <p>全国适用证书量（本）</p>
                </div>
                <i class="certificate-icon icon10"></i>
            </a>
        </li>
        <li onclick="goToGeneralCredentail(10,'${local}')">
            <a href="javascript:void(0);">
                <div class="certificate-txt">
                    <big name="localCount">0</big>
                    <p>本地适用证书量（本）</p>
                </div>
                <i class="certificate-icon icon11"></i>
            </a>
        </li>
    </ul>
    <!--证书列表 end-->

    <!--超期预警 start-->
    <div class="finan-panel">
        <a href="javascript:void(0);">
            <div class="finan-tit">
                <b>超期预警</b>
            </div>
            <div class="panel-table">
                <table class="layui-table" id="choose-table">
                    <thead>
                    <tr>
                        <th>证书到期预警量</th>
                        <th>证书使用预警量</th>
                        <th>人才合同到期预警量</th>
                        <th>企业合同到期预警量</th>
                        <th>证书未使用预警量</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td id="certificateExpires" onclick="jumpWarning(1)"></td>
                        <td id="certificatesAttached" onclick="jumpWarning(2)"></td>
                        <td id="talentContract" onclick="jumpWarning(3)"></td>
                        <td id="enterpriseContract" onclick="jumpWarning(4)"></td>
                        <td id="certificateUnused" onclick="jumpWarning(5)"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </a>
    </div>
    <!--超期预警 end-->

    <!--库容量预警 start-->
    <div class="finan-panel">
        <div class="finan-tit">
            <b>库容量预警</b>
        </div>
        <div class="panel-main">
            <a href="javascript:void(0);" onclick="turnToWarningPage()">
                <table class="layui-table win60b" name="warningAccount">
                    <thead>
                    <tr>
                        <th>证书类型</th>
                        <th>预约量</th>
                        <th>在库可用量</th>
                        <th>预定量</th>
                        <th>匹配量</th>
                        <th>使用量</th>
                        <th>预约量</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </a>
        </div>
    </div>
    <!--库容量预警 end-->

    <!--资金池预警 start-->
    <%--<div class="finan-panel">--%>
        <%--<div class="finan-tit">--%>
            <%--<b>资金池预警</b>--%>
            <%--<d:hasUrlAuth authCode="ZZSC_ZS_PT_GLY">--%>
                <%--<div class="panel-opt">--%>
                    <%--<button onclick="setCapitalPoolWarning()" class="layui-btn layui-btn-mini">资金池金额设置</button>--%>
                <%--</div>--%>
            <%--</d:hasUrlAuth>--%>
        <%--</div>--%>
        <%--<div class="panel-table">--%>
            <%--<table class="layui-table" name="warningConfigure">--%>
                <%--<thead>--%>
                <%--<tr>--%>
                    <%--<th>地区</th>--%>
                    <%--<th>资金池默认额度（元）</th>--%>
                    <%--<th>现有资金池额度（元）</th>--%>
                    <%--<th>收证支款金额（元）</th>--%>
                    <%--<th>使用收款金额（元）</th>--%>
                <%--</tr>--%>
                <%--</thead>--%>
                <%--<tbody>--%>
                <%--</tbody>--%>
            <%--</table>--%>
        <%--</div>--%>
    <%--</div>--%>
    <!--资金池预警 end-->
</div>
<%@ include file="../../../footer.jsp" %>
<script src="${rootUrl}/static/js/zzsc/credential/credentailCommon/credentailCommon.js?v=${version}"></script>
<script src="${rootUrl}/static/js/zzsc/credential/certificateStatistics/index.js?v=${version}"></script>
</body>
</html>
